<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <!-- Google fonts - Popppins for copy-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
    <!-- orion icons-->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/orionicons.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="${pageContext.request.contextPath }/img/favicon.png?3">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>

    <!-- navbar-->
    <header class="header">
      <nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow"><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i class="fas fa-align-left"></i></a><a href="index.jsp" class="navbar-brand font-weight-bold text-uppercase text-base">Book management system</a>
        <ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
          
          
          <li class="nav-item dropdown ml-auto"><strong class="d-block text-uppercase headings-font-family" >${msg }</strong></li>
        </ul>
      </nav>
    </header>
    <div class="d-flex align-items-stretch">
      <div id="sidebar" class="sidebar py-3">
        <div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">MAIN</div>
        <ul class="sidebar-menu list-unstyled">
              <li class="sidebar-list-item"><a href="index.jsp" class="sidebar-link text-muted "><i class="o-home-1 mr-3 text-gray"></i><span>首页</span></a></li>
              <li class="sidebar-list-item"><a href="addbook.jsp" class="sidebar-link text-muted"><i class="o-sales-up-1 mr-3 text-gray"></i><span>增加图书</span></a></li>
              <li class="sidebar-list-item"><a href="deletebook.jsp" class="sidebar-link text-muted"><i class="o-table-content-1 mr-3 text-gray"></i><span>删除图书</span></a></li>
              <li class="sidebar-list-item"><a href="changebook.jsp" class="sidebar-link text-muted active"><i class="o-survey-1 mr-3 text-gray"></i><span>修改图书</span></a></li>
              <li class="sidebar-list-item"><a href="findbookServlet" class="sidebar-link text-muted"><i class="o-imac-screen-1 mr-3 text-gray"></i><span>查找图书</span></a></li>
 <li class="sidebar-list-item"><a href="#" data-toggle="collapse" data-target="#pages" aria-expanded="false" aria-controls="pages" class="sidebar-link text-muted"><i class="o-wireframe-1 mr-3 text-gray"></i><span>用户管理</span></a>
 <div id="pages" class="collapse">
              <ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
                <li class="sidebar-list-item"><a href="userServlet" class="sidebar-link text-muted pl-lg-5">查询用户</a></li>
                <li class="sidebar-list-item"><a href="deleteuser.jsp" class="sidebar-link text-muted pl-lg-5">删除用户</a></li>
                <li class="sidebar-list-item"><a href="changeuser.jsp" class="sidebar-link text-muted pl-lg-5">修改用户</a></li>
              </ul>
            </div>
          </li>  
              <li class="sidebar-list-item"><a href="login.jsp" class="sidebar-link text-muted"><i class="o-exit-1 mr-3 text-gray"></i><span>退出</span></a></li>
        </ul>
      </div>
      
      <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
          <section class="py-5">
            <div class="row">


              <!-- Form Elements -->
              <div class="col-lg-12 mb-5" >
                <div class="card">
                  <div class="card-header">
                    <h3 class="h6 text-uppercase mb-0">按编号修改</h3>
                  </div>
                  <div class="card-body">
                 <form class="form-horizontal" action="changebookServlet" method="post" role="form"> 
                 
                      <div class="form-group row">
                        <label class="col-md-3 form-control-label" >输入编号</label>
                        <div class="col-md-9">
                          <input type="text" class="form-control"  id="inputEmail3"  name="id">
                        </div>  
                      </div>
                      
                       <div class="form-group row">
                        <label class="col-md-3 form-control-label" >修改后书名</label>
                        <div class="col-md-9">
                          <input type="text" class="form-control" id="inputPassword3" name="change">
                          	<input type="hidden" value="id" name="choice">
                        </div>
                      </div>
                             
                      <div class="line"></div>
                      <div class="form-group row">
                        <div class="col-md-9 ml-auto">
                          <button type="submit" class="btn btn-secondary">取消</button>
                          <button type="submit" class="btn btn-primary">完成</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
                <!-- Form Elements -->
              <div class="col-lg-12 mb-5" >
                <div class="card">
                  <div class="card-header">
                    <h3 class="h6 text-uppercase mb-0">按书名修改</h3>
                  </div>
                  <div class="card-body">
                 <form class="form-horizontal" action="changebookServlet" method="post"  role="form"> 
        
                     
                 <div class="line"></div>
                          <div class="form-group row">
                                    <label class="col-md-3 form-control-label">输入书名</label>
                        <div class="col-md-9">
                          <input type="text" class="form-control"  id="inputEmail3"  name="bookname">
                        </div>  
                      </div>
                      
                       <div class="form-group row">
                        <label class="col-md-3 form-control-label">修改后书名</label>
                        <div class="col-md-9">
                          <input type="text" class="form-control" id="inputPassword3"  name="change">
                          <input type="hidden" value="bookname" name="choice">
                        </div>
                      </div>
                                   
                      <div class="line"></div>
                      <div class="form-group row">
                        <div class="col-md-9 ml-auto">
                          <button type="submit" class="btn btn-secondary">取消</button>
                          <button type="submit" class="btn btn-primary">完成</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
              
              
            </div>
          </section>
        </div>
       
       
      </div>
    </div>
    
    <!-- JavaScript files-->
    <script src="js/changebook.js" type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath }/vendor/jquery/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath }/vendor/popper.js/umd/popper.min.js"> </script>
    <script src="${pageContext.request.contextPath }/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="${pageContext.request.contextPath }/vendor/chart.js/Chart.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/js.cookie.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/front.js"></script>
  </body>
</html>